@function pxTorem($px) {
  @return $px / 75px * 1rem
}
#reserve{
  width:690px;
  margin: 0 auto;
  background: #fff;
  .carinformation{
    margin-top:32px;
    p{
      font-size: 24px;
      color: #AAAAAA;
      letter-spacing: 0;
      margin-bottom:11px;
    }
    ul{
      width:100%;
      border: 2px solid #F5F5F5;
      li{
        width:pxTorem(690px);
        height:pxTorem(188px);
        background: #fcfcfc;
        -webkit-border-radius: pxTorem(10px);
        -moz-border-radius: pxTorem(10px);
        border-radius: pxTorem(10px);
        position: relative;
        .carpic{
          width:pxTorem(200px);
          height:100%;
          .pic{
            width:pxTorem(200px);
            height:pxTorem(100px);
            margin-top:pxTorem(18px);
            display: inline-block;
            object-fit:contain;
          }
          .plate{
            width:100%;
            text-align: center;
            font-size: pxTorem(24px);
            color: #AAAAAA;
            letter-spacing: 0;
            margin-top:pxTorem(3px);
          }
        }
        .cardetail{
          width:pxTorem(290px);
          height:100%;
          margin-left:pxTorem(38px);
          p{
            width:100%;
            font-size: pxTorem(22px);
            color: #AAAAAA;
            letter-spacing: 0;
          }
          p:first-child{
            margin-top:pxTorem(38px);
          }
          p:nth-child(2){
            margin-top:pxTorem(12px);
          }
          p:last-child{
            margin-top:pxTorem(12px);
            word-break: break-all;
            img:first-child{
              display: inline-block;
              width:pxTorem(76px);
              height:pxTorem(16px);
              margin-right:pxTorem(13px);
            }
          }
        }
        .chose{
          width:pxTorem(40px);
          height:pxTorem(40px);
          -webkit-border-radius: 100%;
          -moz-border-radius: 100%;
          border-radius: 100%;
          background: #0DB95F;
          margin-top:pxTorem(74px);
          margin-right:pxTorem(50px);
        }
        .chose.active{
          background: #000;
        }
        .redbag{
          width:pxTorem(136px);
          position: absolute;
          right:pxTorem(18px);
          top:0.1rem;
          font-size: pxTorem(20px);
          color: #AAAAAA;
          letter-spacing: 0;
          span:first-child{
            display: inline-block;
            width:pxTorem(22px);
            height:pxTorem(22px);
          }
        }
      }
      .nocar{
        width:100%;
        text-align: center;
        font-size:30px;
      }
    }
  }
  .parking{
    width:100%;
    margin-top:30px;
    p{
      font-size: 24px;
      color: #AAAAAA;
      letter-spacing: 0;
      margin-bottom:11px;
    }
    .parkingd{
      background: #fcfcfc;
      border: 2px solid #F5F5F5;
      width:100%;
      .common{
        width:100%;
        height:96px;
        border-bottom: 2px solid #F5F5F5;
        display: flex;
        .name{
          width:134px;
          height:96px;
          line-height:96px;
          font-size: 24px;
          color: #AAAAAA;
          letter-spacing: 0;
          text-align: center;
        }
        .right{
          width:auto;
          height:100%;
          .parkname{
            font-size: 26px;
            color: #333333;
            letter-spacing: 0;
            margin-top:14px;
            margin-bottom:0;
          }
          .parkname.active{
            margin-top:28px;
          }
          .st{
            font-size: 22px;
            color: #FF8450;
            letter-spacing: 0;
          }
        }
      }
    }
  }
  .ten{
    width:100%;
    .title{
      width:100%;
      height:33px;
      margin-top:30px;
      margin-bottom:15px;
      line-height:33px;
      font-size: 24px;
      color: #AAAAAA;
      letter-spacing: 0;
      span:last-child{
        display: inline-block;
        width:22px;
        height:22px;
        margin-left:16px;
      }
    }
    .buy{
      width:100%;
      display: flex;
      height:80px;
      .y{
        width:198px;
        height:80px;
        background: #f5f5f5;
        //line-height:80px;
        text-align: center;
        font-size: 24px;
        color: #AAAAAA;
        letter-spacing: 0;
        margin-right:20px;
        span:first-child{
          width:22px;
          height:24px;
          display: inline-block;
          margin-left:29px;
          margin-top:24px;
          margin-right:14px;
        }
        span:last-child{
          display: inline-block;
          height:80px;
          line-height:78px;
          width:auto;
        }
      }
      .n{
        width:132px;
        height:80px;
        text-align: center;
        line-height:80px;
        font-size: 24px;
        color: #AAAAAA;
        letter-spacing: 0;
        background: #f5f5f5;
      }
      .active11{
        background: rgba(13,185,95,0.05);
        border: 2px solid #0DB95F;
        color: #0DB95F;
      }
    }
  }
  .reservebtn{
    width:690px;
    height:100px;
    position: fixed;
    left:30px;
    bottom:30px;
    display: flex;
    .prebtn{
      background: #F5F5F5;
      border-radius: 50px;
      width:260px;
      height:100px;
      font-size: 32px;
      color: #999999;
      letter-spacing: 0;
      line-height:100px;
      text-align: center;
      margin-right:30px;
      display: flex;
      span:last-child{
        height:100px;
        line-height:100px;
      }
    }
    .nextbtn{
      background: #0DB95F;
      border-radius: 50px;
      width:400px;
      height:100px;
      line-height:100px;
      text-align: center;
      font-size: 32px;
      color: #FFFFFF;
      letter-spacing: 0;
      display: flex;
      span:first-child{
        height:100px;
        line-height:100px;
        margin-left:126px;
      }
    }
  }
}
